/*公共样式*/
li {
    list-style-type: none;
}

ol,ul {
    margin: 0;
}

.clearfix {
    overflow:auto;
    zoom:1;
}

.l {
    float: left;
}

.r {
    float: right;
}

a:hover, 
a:visited, 
a:link, 
a:active {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.mt4 {
    margin-top: 4px;
    margin-bottom: 36px;
}

.pd30 {
    padding-left: 30px;
}

.w32 {
    width: 32%;
}

.w16 {
    width: 16%;
}

/* 头部样式 */
.header{
    background-color: rgb(70, 142, 183);
    height: 45px;
    line-height: 45px;
}

/*覆盖模板中的头部样式*/

.navbar-brand img {
    height: 45px;
}

.user-info {
    vertical-align: middle;
}

.ace-nav>li {
    line-height: 69px;
    height: 69px;
}

.page-content {
    padding: 8px 12px 24px;
}

/*主体部分样式*/
.buy-order-topic {
    height: 54px;
    line-height: 54px;
    background-color: #f3f2f4;
    padding-left: 30px;
}

.buy-order-item {
    float: left;
    height: 54px;
}

.w1 {
    width: 19%;
}

.w2 {
    width: 22%;
}

.w3 {
    width: 17%;
}

.w4 {
    width: 10%;
}

.mt4 {
    margin-top: 4px;
}

.buy-order-btn {
    width: 90px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border:1px solid #4c8fbd;
    color: #4c8fbd;
    border-radius: 30px;
    background-color: #fff;
}


.buy-order-btn:hover {
    background-color: #4c8fbd;
    color: #fff;
}



.buy-order-item input {
    border-radius: 10px !important;
}

.buy-order-input {
    width: 74%;
    height: 26px;
    line-height: 26px;
    padding-left: 14px;
    margin-left: 4px;
}

.buy-order-item select {
    width: 110px;
    height: 26px;
    border-radius: 10px;
    margin-left: 4px;
}

@media screen and (max-width: 800px) {
    .w1 {
        width: 15%;
    }

    .buy-order-btn {
        width: 60px;
        height: 30px;
    }

    .buy-order-item select {
        width: 76px;
    }
}

.order-title-item.br0 {
    border-right: 0;
}


#sample-table-1 td {
    vertical-align: middle;
}

#sample-table-1 {
    background-color: #f3f2f4;
}
